import {
	observer
} from 'mobx-react';
import {
	Row,
	Col
} from 'antd';


@observer
export default class PreInfo extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			preInfo
		} = this.props;

		return (
			<div>
				{
					preInfo.map((item, index) => {
						const {
							icon,
							title,
							info
						} = item;

						return (
							<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@1txau7@${index}`} className='info' type="flex" align='middle'>
								<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@3b0ym8@${index}`} className='icon'>
									{icon}
								</Col>
								<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@tkh4xj@${index}`} className='desc'>
									<div>{title}</div>
									<div dangerouslySetInnerHTML = {{ __html: info }} />
								</Col>
							</Row>
						)
					})
				}
			</div>
		);
	}
}